import './App.css';
import { observer } from 'mobx-react-lite';
import useStore from './store';

// eslint-disable-next-line react-refresh/only-export-components
function App() {
  const { countStore, listStore } = useStore();

  return (
    <>
      <div>app...</div>
      <div>{countStore.count}</div>
      <button onClick={() => countStore.addCount()}>+1</button>
      <div>{JSON.stringify(listStore.filterList)}</div>
      <button onClick={() => listStore.addList()}>push list</button>
    </>
  );
}

// eslint-disable-next-line react-refresh/only-export-components
export default observer(App);
